<!-- 今日最近异常域名访问事件 -->
<template>
  <div class="wrap">
    <span class="title">今日最近异常域名访问事件</span>
    <el-table border :data="tableData" style="width: 100%; margin-top: 15px">
      <el-table-column label="序号" width="80" align="center">
        <template slot-scope="scope">
          {{ scope.row.order_no }}
        </template>
      </el-table-column>
      <el-table-column label="发生时间" align="center">
        <template slot-scope="scope">
          {{ scope.row.startTime }}
        </template>
      </el-table-column>
      <el-table-column label="发生终端" align="center">
        <template slot-scope="scope">
          {{ scope.row.terminal }}
        </template>
      </el-table-column>
      <el-table-column label="敏感域名"  align="center">
        <template slot-scope="scope">
          {{ scope.row.url }}
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: null
    };
  },
  props: {
    tableHead:[],
    tableData:{
      type: Array,
      default: []
    }
  },
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      // transactionList().then((response) => {
      //   this.list = response.data.items.slice(0, 8);
      // });
    }
  }
};
</script>

<style lang="scss" scoped>
.wrap {
  background: #fff;
  padding: 15px;
}
</style>
